/*  16px <==> 1em...
    1px =  0.0625em
    2px =  0.1250em
    3px =  0.1875em
    5px =  0.3125em
   10px =  0.6250em
   13px =  0.8125em
   14px =  0.8750em
   18px =  1.1250em
   20px =  1.2500em
   24px =  1.5000em
   30px =  1.8750em
   48px =  3.0000em
   50px =  3.1250em
   62px =  3.8750em
   70px =  4.3750em
  100px =  6.2500em
  140px =  8.7500em
  150px =  9.3750em
  330px = 20.6250em
  400px = 25.0000em
  800px = 50.0000em
  900px = 56.2500em
*/

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  /*font-size:   0.8em;*/
  line-height: 1.125em;
}

.left {
  text-align: left;
}
.center {
  text-align: center;
}

.error {
  color: red;
}
.notice {
  color: green;
}

/*width:           56.25em;
  height:          50.0em;*/
/*#main {
  padding-left:     1.88em;
  left:             0.5em;
  right:            0.5em;
  top:              0.5em;
  bottom:           0.5em;
}*/
#header {
  position:         absolute;
  left:             0.5em;
  right:            0.5em;
  top:              0.5em;
  height:           5.0em; /*3.125em;*/
  background-color: #ACF;
  text-align:       right;
  vertical-align:   center;
}
#banner {
  position:         absolute;
  left:             0.5em;
  right:            0.5em;
  top:              5.5em;
  height:           4.5em;
  background-color: #BEF;
  text-align:       center;
}
#left_tabs {
  position:         absolute;
  float:            left;
  width:           11.5em;
  left:             0.5em;
  right:            0.5em;
  top:             10.0em;
  bottom:           2.5em;
/*height:           25.0em;*/
  padding:          0.5em 0;
  background-color: #AEC;
}
#body {
  position:         absolute;
  left:            12.5em;
  right:            0.5em;
  top:             10.5em;
  bottom:           3.0em;
/*height:          25.0em;*/
  padding:          0.5em;
  float:            left;
  background-color: #CDF;
  overflow:         auto;
}
#footer {
  position:         absolute;
  left:             0.5em;
  right:            0.5em;
  bottom:           0.5em;
  height:           2.0em;
  background-color: #BEF;/*#8E6;*/
  text-align:       center;
}

.nav_container li {
  margin: 0 0 0.19em 0;
}

.nav_list {
  margin:           0.32em;
  padding:          0;
  list-style-type:  none;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        0.88em;
}

.nav_container a {
  display:          block;
  padding:          0.13em 0.13em 0.13em 1.5em;
  border:           1px solid #333;
  width:            8.75em;
  background-color: #6C8;
/*background-image: url(../images/l1_down.gif);*/
}

.nav_container a:link, .navlist a:visited {
  color:            #EEE;
  text-decoration:  none;
}

.nav_container a:hover {
  border:           0.07em solid #333;
  background-color: #0F4;
/*background-image: url(../images/l1_over.gif);*/
  color:            #333;
}

a {
  text-decoration:  none;
  color:            #F84;
  font-weight:      bold;
}
a:hover {
  text-decoration:  underline;
}

.room_block {
  width:           20.62em; /* 330px; */
  height:           9.38em; /* 150px; */
  background-color: #789;
  float:            left;
  margin-left:      1.25em; /* 20px; */
  margin-top:       0.63em; /* 10px; */
/*background-image: url(../images/salle1.jpg);*/
  background-position: bottom;
  overflow:         auto;
}

.box_block {
/*display: inline;*/
  width:            4.4em; /* 70px; */
  height:           3.0em;  /* 48px; */
  background-image: url(../images/ico_Informatique.jpg);
  background-position: center;
  background-repeat:   no-repeat;
  background-color:    #DEF;
}

.parent_box_block {
/*font-size:        0.8em;*/
  width:            4.4em;
  height:           4.3em;
  float: left;
  background-color: #DDD;
  margin-left:      1.25em; /* 20px; */
  margin-top:       0.63em; /* 10px; */
}

.active a:link, .active a:visited, .active a:hover {
  border:           0.07em solid #333;
  background-color: #0F7;
/*background-image: url(../images/l1_over.gif);*/
  color:            #236;
}

